<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>myIndex</title>
		
		<!-- css -->
		<link rel="stylesheet" href="/css/reset.css">
		<link rel="stylesheet" href="/css/header.css">
		<link rel="stylesheet" href="/css/footer.css">
		<link rel="stylesheet" href="/css/index.css">
		<!-- JS -->
		<script src="/lib/requirejs/require.js" data-main="/js/index"></script>
		
	</head>
	<body>
		<!-- dai添加头部 -->
		<header></header>
<!-- 主体 -->
<div class="container">
	<!-- 轮播图 -->
	<div class="main_image"></div>
	<!-- 三个系列 -->
	<div class="index_tree">
		<!-- 经典 -->
		<!-- <div class="jingdian">
			<a href="#">
				<span><img src="/images/1456992198036601631.jpg" alt=""></span>
				<div><p>经典系列</p>
				<label>CLASSIC SERIES</label></div>
			</a>
		</div> -->
		<!-- 法式 -->
		<!-- <div class="jingdian">
			<a href="#">
				<span><img src="/images/1457139452033531016.jpg" alt=""></span>
				<div><p>法式系列</p>
				<label> FRENCH SERIES</label></div>
			</a>
		</div> -->
		<!-- 冰淇淋 -->
		<!-- <div class="jingdian">
			<a href="#">
				<span><img src="/images/1448515955834600789.jpg" alt=""></span>
				<div><p>冰淇淋系列</p>
				<label>GELATO SERIES</label></div>
			</a>
		</div> -->
	</div>
<!--art-template 模板 -->
<script type="text/html" id="jingdian_template">
	{{each shops prod}}
		<div class="jingdian">
			<a href="/html/list.html">
				<span><img src='{{prod.img}}' alt=""></span>
				<div><p>{{prod.cname}}</p>
				<label>{{prod.name}}</label></div>
			</a>
		</div>
	{{/each}}
</script>	

	
	<!-- 配送 -->
	<div class="distribution">
		<div class="left">
			<img src="/images/videoLeft.jpg" alt="">
		</div>
		<div class="right">
			<video width="745" height="420" controls="" loop="false" >
				<!-- 视频资源 -->
				<source src="/video/sd.mp4">
				<object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">
					<param name="movie" value="myvideo.swf" />
					<param name="flashvars" value="autostart=true&amp;file=myvideo.swf" />
				</object>
				当前浏览器不支持 video直接播放，点击这里下载视频： <a href="myvideo.webm">下载视频</a>
			</video>
		</div>
	</div>
	<!-- 下面的三个 -->
	<div class="index_tree">
		<!-- 配送包 -->
		<div class="jingdian">
			<a href="#">
				<span><img src="/images/peiSongBao.jpg" alt=""></span>
				<div><p>配送包</p>
				<label>DELIVERY PACKAGE</label></div>
			</a>
		</div>
		<!-- 店面形象 -->
		<div class="jingdian">
			<a href="#">
				<span><img src="/images/dianMian.jpg" alt=""></span>
				<div><p>店面形象</p>
				<label> STORE IMAGES</label></div>
			</a>
		</div>
		<!-- 配送 -->
		<div class="jingdian">
			<a href="#">
				<span><img src="/images/peiSong.jpg" alt=""></span>
				<div><p>配送服务</p>
				<label>DELIVERY SERVICE</label></div>
			</a>
		</div>
	</div>
	
</div><!-- container -->

			
		<!-- 待添加尾部 -->
		<footer></footer>
	
	</body>
</html>


